<template>
	<Draggable v-model="cardList" :disabled="!dragSwitch"
	    @on-sort-ready="dragready" @on-sort-start="dragstart" @on-sort-end="dragend">
	    <template slot-scope="{item, index}">
	         <p>【{{item}}】place your content here</p>              
	    </template>
	</Draggable>
</template>
<script>
import Draggable from '../src/draggable';
export default{
    data:function(){
        return {
            cardList:[1,2,3,4,5,6,7,8,9,10],
            dragSwitch:true
        }
    },
	components: {
		Draggable
	}
}
</script>